<!--
 * @Description: vscode自带注释
 * @Version: 2.0
 * @Autor: lhl
 * @Date: 2021-04-10 21:57:50
 * @LastEditors: lhl
 * @LastEditTime: 2021-06-05 18:53:52
-->
<template>
  <div>
    <van-tabs v-model:active="activeIndex">
      <van-tab title="年度排行榜">内容 1</van-tab>
      <van-tab title="季度排行榜">内容 2</van-tab>
      <van-tab title="月度排行榜">内容 3</van-tab>
    </van-tabs>
  </div>
</template>
<script lang="ts">
  import { defineComponent, reactive, toRefs } from 'vue'
  export default defineComponent({
    name: 'product',
    components: {},
    setup() {
      const state = reactive({
        activeIndex: 0
      })
      const methods = {}
      return {
        ...toRefs(state),
        ...methods
      }
    }
  })
</script>
<style lang="less" scoped></style>
